草庐IT

CSS 响应中心 Div

全部标签

javascript - 切换 - 在 div 外部单击时隐藏项目

我正在使用jquery的slidetoggle,想了解如何在点击DIV之外的任何地方时隐藏showup类。谢谢!在线样本:http://jsfiddle.net/evGd6/clickmesomethingIwanttoshow​$(document).ready(function(){$('.click').click(function(){$(".showup").slideToggle("fast");});});​.showup{width:100px;height:100px;background:red;display:none;}.click{cursor:pointer

javascript - 在原生 javascript 中创建一个可拖动的 div

这个问题在这里已经有了答案:Moveable/draggable(9个回答)关闭5年前。我想在不使用jquery和库的情况下使用nativejavascript创建一个可移动/可拖动的div。有教程之类的吗?

javascript - Angular 4 从 API 响应中获取 header

我正在向API发送请求,它返回一个数据数组,但我不知道如何从该url中提取header,这是我在我的服务中尝试过的方法@Injectable()exportclassResourcesService{privateresourcesurl="http://localhost:9111/v1/resources";constructor(privatehttp:Http){}getResources(){letheaders=newHeaders();headers.append("api_key","123456");returnthis.http.get(this.resources

javascript - 为 div 创建线性透明渐变

我想为一个div创建一个线性透明渐变。有什么办法可以用jquery做到这一点吗?或者我应该使用像raphaeljs这样的其他库吗?我想实现如下效果: 最佳答案 为什么不让它保持轻便和浏览器兼容。div{backgroud-image:url('images/gradient.png');background-repeat:repeat-x;background-position:topright;} 关于javascript-为div创建线性透明渐变,我们在StackOverflow上找

javascript - 从 jQuery.get() 返回响应文本

我试着做这样的事情:varmsg=$.get("my_script.php");我认为msg会设置为my_script.php返回的文本,即jqXHR对象的响应文本。它显然不像那样工作,因为msg总是设置为“[objectXMLHttpRequest]”是否有一种快速的1行方式来做我想做的事?谢谢。 最佳答案 经过一些测试,我最终找到了解决方案。我需要同步调用,$.get简写函数总是异步的,所以我需要使用$.ajax,如下所示:varmsg=$.ajax({type:"GET",url:"my_script.php",async:f

javascript - 如何使用 jquery 或 javascript 滚动到特定的 div

我想使用jquery滚动到特定的div我写的代码是这样的:$("#button").on('click',function(){varp=$("#dynamictabstrp");varoffset=p.offset();window.scrollBy(offset.left,offset.top);});但它并没有移动到div位置。我怎样才能在jquery或javascript中做到这一点 最佳答案 试试这个$("#button").on('click',function(){$('html,body').animate({'sc

javascript - React 不响应按键事件

我正在尝试实现一些非常基本的按键检测,但我根本无法让它工作。我有一个应该在onKeyDown事件中获取的裸组件,但没有在控制台中注销任何内容:classAppextendsReact.Component{constructor(props){super(props);}handleKeyDown(event){console.log('handlingakeypress');}render(){return();}}React.render(,document.getElementById('app')); 最佳答案 您需要为您的元

javascript - 如何让我的导航栏在滚动经过 anchor 时更改 CSS 类?

我正在使用Bootstrap3并希望实现thiseffect当用户滚动经过我页面上的大标题图像时。我需要导航栏的背景从透明变为白色。我查看了他们的代码,我知道它是用javascript完成的,甚至还看到了WHERE我认为它正在发生(在该JS中查找ID“#main-header”)...除了不了解高级Javascript之外,我正在寻找一种方法,以便在滚动到某个点时将其应用于我的导航栏。我的代码的类称为“导航栏”,我希望它在通过“#main”时变成白色。如果您需要更多信息,请告诉我,如果有人愿意提供帮助,请提前致谢! 最佳答案 完成您

javascript - 滚动到水平 div 中的元素

我有一个水平div:我需要通过JavaScript按钮滚动到此div中的特定元素(在单击div后必须滚动到该元素)。我该怎么做?........ 最佳答案 或者您可以使用以下代码段:$('.scrollable').animate({scrollLeft:$('#dstElement').position().left},500);在哪里position()如果定位了scrollable,则返回#dstElement到`.scrollable'的相对位置。代码与演示var$scroller=$('.scroller');//assi

javascript - 如何打印选定的 div 而不是完整的页面

我有两个div:div1和div2。保持应用于正在打印的div2元素的原始css样式。我不想打印div1中的内容,而只想打印div2中的内容。如何打印? 最佳答案 试试这个@mediaprint{body*{visibility:hidden;}.div2*{visibility:visible;}.div2{position:absolute;top:40px;left:30px;}} 关于javascript-如何打印选定的div而不是完整的页面,我们在StackOverflow上找